<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>确认订单</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/columns.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
</head>

<body>
<div class="page-group">
    <div class="page">
        <!--头部内容 !-->
        <header class="bar bar-nav">
            <a class="icon icon-left pull-left back" href="${basepath}/front/catalog/toCartList">返回</a>
            <h1 class="title">确认订单</h1>
        </header>
        <div class="content" id="pay-content">
            <div class="card address-card">
                <div class="card-content">
                    <div class="card-content-inner">
                        <div class="list-block media-list">
                            <ul>
                                <li>
                                    <a href="#" id="ordership" class="item-link item-content">
                                        <div class="item-inner">
                                            <div class="item-title">&nbsp;吸血鬼&nbsp;&nbsp;&nbsp;1324669885 <span>默认</span></div>
                                            <div class="item-subtitle">收货地址：福建省泉州市丰泽区东海街道办事处</div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card produce-card">
                <div class="card-content">
                    <div class="list-block media-list">
                        <ul>
                            <li class="item-content">
                                <div class="item-media"><img alt="【京东超市】美宝莲（MAYBELLINE）眼部及唇部卸妆液 70ML （眼唇专用 清爽温和无油）" style="opacity: 1; transition: opacity 0.5s ease-in;" src="https://m.360buyimg.com/mobilecms/s357x357_jfs/t2368/289/2612574589/186634/4a62f458/56e7ba1dN5d1d888b.jpg!q50.jpg" id="Imglazyload45"></div>
                                <div class="item-inner">
                                    <div class="item-title-row">
                                        <div class="item-title">美亮粉黛唇膏保湿保润防水不掉色</div>
                                    </div>
                                    <div class="item-text">颜色：12# &nbsp; 包装：裸妆</div>
                                    <div class="item-title-row">
                                        <div class="item-subtitle">￥39.00</div>
                                        <div class="item-subtitle">x 1</div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="list-block" id="order-list-block">
                <ul>
                    <li class="item-content item-link">
                        <div class="item-media"><i class="icon icon-f7"></i></div>
                        <div class="item-inner">
                            <div class="item-title">物流方式</div>
                            <div class="item-after">韵达快递</div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">配送方式</div>
                            <div class="item-after">不包邮</div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">商品金额</div>
                            <div class="item-after"><span>￥39.00</span></div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">运费</div>
                            <div class="item-after"><span>+￥8.00</span></div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="card produce-card">
                <div class="card-content">
                    <div class="list-block media-list">
                        <ul>
                            <li class="item-content">
                                <div class="item-media"><img src="http://img.alicdn.com/bao/uploaded/i1/TB1QZD1PVXXXXaXXVXXXXXXXXXX_!!0-item_pic.jpg_640x640q50.jpg" alt=""></div>
                                <div class="item-inner">
                                    <div class="item-title-row">
                                        <div class="item-title">清风（APP)抽纸 柔软2层200抽软抽*20包纸巾（整箱售卖）</div>
                                    </div>
                                    <div class="item-title-row">
                                        <div class="item-subtitle">￥36.00</div>
                                        <div class="item-subtitle">x 1</div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="list-block" id="order-list-block">
                <ul>
                    <li class="item-content item-link">
                        <div class="item-media"><i class="icon icon-f7"></i></div>
                        <div class="item-inner">
                            <div class="item-title">物流方式</div>
                            <div class="item-after">韵达快递</div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">配送方式</div>
                            <div class="item-after">包邮</div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">商品金额</div>
                            <div class="item-after"><span>￥36.00</span></div>
                        </div>
                    </li>

                </ul>
            </div>
            <div class="card produce-card">
                <div class="list-block" id="order-list-block">
                    <ul>
                        <li class="item-content">
                            <div class="item-inner">
                                <div class="item-title">总价</div>
                                <div class="item-after"><span>￥83.00</span></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <nav class="bar bar-tab order-bar-tab" id="tool-bar">
            <h4>实付款：￥83.00</h4>
            <a href="#" id="saveOrder" class="orderBtn">确认订单</a>
        </nav>
    </div>
</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/order.js' charset='utf-8'></script>
</body>

</html>
